/********************
*                   *
*                   *
*                   *
*       xxs         *
*                   *
*                   *
*                   *
*                   *
********************/




.xxs-item:hover {
	/*background-color: #ddd;*/
}

.xxs-screen {
	position: absolute;
	right: 0;
	top: 8px;
	width: 14px;
	height: 14px;
	display: none;
	_display: block;
	z-index: 99999999999;
}

.xxs-screen a {
	display: block;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	color: #666;
	/*background-color: #ff9933;*/
}

.xxs-item:hover .xxs-screen {
	display: block;
}

.fd-item:hover .xxs-screen {
	display: block;
}

.xxs-screen a:hover {
	background-color: #ff6600;
	color: #fff;
}




.xxs-name a{
	height: 16px;
	font-size: 14px;
	font-weight: bold;
}

.xxs-name-o a{
	height: 20px;
	font-size: 12px;
	font-weight: bold;
}
.xxs-name a:hover,
.xxs-name-o a:hover {
	color: #0390dc;
}


.xxs-avatar-mask {
	display: block;
	border-radius: 2px;
	overflow: hidden;
}


.xxs-box .text,
.xxs-text {
	padding: 5px 0;
	line-height: 23px;
	font-size: 14px;
	word-break: break-all;
}

.xxs-box .text a,
.xxs-text a{
	color: #0390dc;
	font-size: 14px;
}

.xxs-box .text a:hover,
.xxs-text a:hover {
	text-decoration: underline;
}

.xxs-box .text img,
.xxs-text img {
	display: inline;
	vertical-align: text-bottom;
}

.xxs-box .text {
	font-size: 12px;
}

.xxs-box {
	border: 1px solid #ddd;
	background-color: #eee;
	/*min-height: 400px;*/
	padding: 8px 20px;
}

.xxs-box-has-o {
	padding: 10px 20px 0px;
	margin: 5px 0;
}

.xxs-box-has-o .xxs-extend {
	padding: 10px 0 0;
}

.xxs-extend .top-function {
	height: 20px;
	margin-bottom: 8px;
}

.zoom-in,
.zoom-in img,
.zoom-in canvas {
	max-width: 100px;
	cursor: url(img/big.cur), auto!important;
}

.zoom-out,
.zoom-out img,
.zoom-out canvas { 
	display: block;
	max-width: 453px;
	margin: 0 auto;
	cursor:url(img/small.cur), auto!important; 
}

.xxs-function-o,
.xxs-function {
	line-height: 20px;
	padding: 8px 0;
	font-size: 12px;
}

.xxs-function a,
.comment-function a{
	color: #0a8cd2;
}

.xxs-function-o a{
	color: #aaa;
}

.xxs-function-o a:hover {
	text-decoration: none;
	cursor: default;
}

.xxs-function-o .xxs-handle a:hover {
	text-decoration: none;
}

.xxs-function-o .xxs-like-btn:hover .icon-1-like{
	background-position: -40px -200px;
}

.xxs-handle a:hover{
	text-decoration: underline;
}

.xxs-handle {
	float: right;
	right: 0;
	height: 20px;
}

.xxs-handle span {
	margin: 0 8px;
	color: #a9a9a9;
}

.xxs-from {
	float:left;
	height: 20px;
}

.xxs-from a{
	color: #6cbae4;
}


.xxs-box .btn-collapse {
	float: right;
	height: 18px;
	line-height: 18px;
}

.xxs-box .btn-collapse i {
	height: 15px;
	width: 15px;
	line-height: 15px;
	display: inline-block;
}

.xxs-box .btn-collapse span {
	height: 15px;
	display: inline;
	vertical-align: 3px;
	vertical-align: 0\9;
}


.xxs-like-btn {
	display: block;
	float: left;
	padding-left: 15px;
	height: 20px;
}

.xxs-like-btn em {
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	width: 15px;
	height: 15px;
}

.xxs-like-btn .has-liked {
	background-position: -60px -200px
}





/* - --------------------*/

.xxs-list .xxs-item,
.xxs-item {
	border: 1px solid #bfbfbf;
	border-width: 0 0 1px 0;
	margin: 0 20px 0;
	padding-top: 20px;
}

.xxs-item .content-b-text {
	font-size: 14px;
}

.xxs-item .bottom-func {
	padding-top: 15px;
	font-size: 13px;
}

.xxs-item .bottom-func span {
	color: #aaaaaa;
	padding: 0 3px;
}

.xxs-item .bottom-func .b-handle {
	float: right;
	display: block;
	z-index: 100;
}

.xxs-item .b-handle .icon-2 {
	height: 15px;
	/*display: inline-block;*/
	line-height: 15px;
	vertical-align: -3px;
	vertical-align: 1px\9;
}


.xxs-item .bottom-func .b-from {
	display: block;
}

.xxs-item .xxs-name {
	font-weight: bold;
}



.xxs-item .xxs-avatar {
	float: left;
}

.xxs-avatar,
.xxs-avatar img {
	width: 50px;
	height: 50px;
}

.xxs-item .xxs-detail {
	margin-left: 70px;
}


.xxs-without-avatar .xxs-detail {
	margin-left: 0;
}

.xxs-item .btn-collapse {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 0 3px;
}

.xxs-item .xxs-comment {
	border: 1px solid #ddd;
	background-color: #fefefe;
	padding-top:12px;
	margin-bottom: 12px;
}



.xxs-item .textarea-bar textarea {
	border: 0;
	border: 1px solid #ddd;
	display: block;
	width: 432px;
	resize: none;
	margin: 0 auto;
	height: 18px;
	line-height: 18px;
	outline: none;
	padding: 4px;
}

.xxs-item .textarea-bar textarea:focus{
	border-color:#ffb100;
}

.xxs-item .submit-bar {
	width: 440px;
	margin: 8px auto 0;
}

.xxs-item .submit-bar .left-emotion {
	float: left;
	width: 22px;
	height: 22px;
}

.xxs-item .submit-bar .btn-emotion {
	width: 22px;
	height: 22px;
	display: block;
}

.btn-emotion-comment {
	float:left;
}

.xxs-item .submit-bar .left-reblog {
	float: left;
	margin-left: 6px;
}

.xxs-item .submit-bar .left-reblog .select,
.xxs-item .submit-bar .left-reblog label {
	height: 22px;
	line-height: 22px;
	display: block;
}

.xxs-item .submit-bar .left-reblog label input {
	float: left;
	margin-top: 5px;
}


.xxs-item .submit-bar .right-submit {
	position: absolute;
	right: 0;
	top: 0;
	width: 38px;
	height: 22px;

}





.xxs-item .comment-avatar,
.xxs-item .comment-avatar img {
	width: 30px;
	height: 30px;
}

.xxs-item .comment-avatar {
	float: left;
}

.xxs-comment-list {
	width: 440px;
	margin: 0 auto;
	padding-top: 8px;
}


.xxs-comment-list .comment-item {
	padding-top: 8px;
	border-bottom: 1px solid #d9d9d9;
}

.xxs-comment-list .comment-content {
	margin-left: 40px;
}


.xxs-comment-list .comment-content .commenter-name {
	
	margin-right: 8px;
}


.xxs-comment-list .comment-function {
	padding-bottom: 8px;
}

.xxs-comment-list .comment-function .right {
	text-align: right;
}




.xxs-comment-list .comment-comment {
	border: 1px solid #d9d9d9;
	background-color: #f2f2f2;
	padding: 15px 20px 5px;
}


.xxs-comment-list .btn-cc-emotion {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: bottom;
}

.xxs-comment-list .btn-cc-submit {
	float: right;
	width: 38px;
	height: 20px;
}

.xxs-comment-list .cc-textarea textarea {
	display: block;
	border: 1px solid #aaa;
	resize: none;
	width: 352px;
	height: 18px;
	line-height: 18px;
	outline: none;
	padding: 4px;
}

.xxs-comment-list .cc-textarea textarea:focus{
	border-color:#ffb100;
}


.xxs-comment-list .cc-submit-bar {
	margin-top: 8px;
}

.xxs-comment-list .cc-submit-bar .btn-emotion-reply {
	float: left;
}




/* dialog */

.dialog-xxs-forward .box-textarea{
	width:372px;
	height:100px;
}

.dialog-xxs-forward .box-textarea textarea{
	width:370px;
	height:98px;
	border: 1px solid #aaa;
	resize:none;
}

.dialog-xxs-forward .select-comment {
	margin-top:5px;
}




/*fenye*/



#page {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:13px;
	
}

#page span{
	color:#333;
	margin: 0 5px;
}

#page span a{
	color: #0a8cd2;
}